<template>
	<view class="main-page">
		<view class="question-item" v-for="(item , index) in questionList" :key="index" @click="item.expand = !item.expand">
			<view class="row-container-row-between" style="width: 100%;">
				<text class="font-333-28 font-bold">{{ index + 1}}、领餐补红包流程</text>
				<image class="arrow" src="../../static/common/ic_arrow_up.png" v-if="item.expand"></image>
				<image class="arrow" src="../../static/common/ic_arrow_down.png" v-if="!item.expand"></image>
			</view>
			<text class="answer" v-show="item.expand">1、申请全额退款或理赔订单请放弃名额，不可敷衍内容、图片及与餐品无关内容反馈，并且不可删除评价。
			2、本平台活动与商家品鉴卡不同享，随订单购买外卖平台会员、会员加量包、超值优惠券、准时宝等属于支付给外卖平台的费用，不计入实付金额。
			3、除饮品店、超市以外，任何店铺仅可随主食点一瓶酒水饮料。
			4、禁止在外卖平台询问商家本平台活动，有问题联系客服餐品问题可联系商家沟通
			5、活动需满足商家要求的实付金额，可以用红包和优惠券，用完后满足实付金额就行</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				questionList:[{id:1 , expand:false} , {id:2 , expand:false} , {id:3 , expand:false}]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.question-item{
		display: flex;
		flex-direction: column;
		align-items: center;
		width: calc(100% - 108rpx);
		margin: 20rpx 30rpx 0rpx 30rpx;
		padding: 24rpx;
		background: white;
		border-radius: 16rpx;
		
		.arrow{
			width: 24rpx;
			height: 24rpx;
			margin-left: 22rpx;
		}
		
		.answer{
			padding: 20rpx;
			background: #F5F5F5;
			border-radius: 10rpx;
			margin-top: 30rpx;
			font-size: 28rpx;
			color: #666666;
			line-height: 39rpx;
		}
	}
</style>
